<template>
    <div class="root1">
            <el-row>
                <el-col :span="18">
                    <div class="slottop">
                        <p><slot></slot></p>
                        <p><slot name="right"></slot></p>
                    </div>
                    <p v-for="item in xinwen"><span>{{ item.xx }}</span></p>
                </el-col>
                <el-col :span="6">
                    <slot name="fot"></slot>
                    <p v-for="item in xinwen">{{ item.xz }}</p>
                </el-col>
            </el-row>
    </div>
</template>
<script>
export default {
    props: ["xinwen", "titlexx"],
    data() {
        return {
        }
    },
    methods: {
        fn() {
            // console.log(titlexx)
        }
    },
    mounted() {
    }
}
</script>
<style scoped>

.root1 {
    display: flex;
    justify-content: space-around;
    height: 100%;
    background-color: white;
}

.topxx {
    display: flex;
    justify-content: space-between;
}

li {
    margin: 5px 0;
}
p{
    /* width:80%; */
    /* overflow: hidden; */
}
ul,
ol {
    margin: 0 auto;
    font-size: 12px;
    padding: 2%;
}

ul li:first-child,
ol li:first-child {
    font-size: 20px;
    font-weight: 600;
    margin: 1%;
    margin-left: 0
}

ul li {}

ol li {
    width: 100px;
    text-align: right;
}
.slottop{
    display: flex;
    justify-content: space-between;
}
</style>